<template>
  <m-page>
    <!-- 预约申请页 -->
    <m-header title="长湘贷"></m-header>

    <div class="apply_page_img">
      图片
      <img src alt width="100%" />
    </div>

    <ynet-button type="warning" @click="showPopUp('center')">立即申请</ynet-button>

    <!-- //重复申请弹框提示 -->
    <ynet-popup v-model="isPopupShow.center" v-if="this.isrepeat">
      <div class="md-example-popup md-example-popup-center">
        <div class="apply_page_popuptitle">
          <p>温馨提示</p>
        </div>
        <div class="apply_page_popuptext">
          <p>您的申请已受理，请勿重复申请</p>
        </div>
        <div class="apply_page_popupfoot">     
            <div>
              <ynet-button size="small" type="primary" @click.native="hidePopUp('center')">取消</ynet-button>
            </div>
            <div>
              <ynet-button size="small" type="warning" @click.native="hidePopUp('center')">确定</ynet-button>
            </div>
        </div>
      </div>
    </ynet-popup>
  </m-page>
</template>

<script>
import { Button ,Popup} from "ynet-mobile";
export default {
  components: {
    [Button.name]:Button,
    [Popup.name]:Popup
  },
  data() {
    return {
      isPopupShow: {},
      isrepeat:true
    };
  },
  methods: {
    showPopUp(type) {
      this.$set(this.isPopupShow, type, true);
    },
    hidePopUp(type) {
      this.$set(this.isPopupShow, type, false);
    }
  },
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>

